<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<!-- Thanks to Nayana & friends for thier excellent work -->
<html xmlns="http://www.w3.org/1999/xhtml"><head>
    <title>Online Unicode Keyboard</title>

    <script language="javascript" src="OnlineUnicodeKeyboard_files/keyb.js" type="text/javascript"></script>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link type="text/css" href="OnlineUnicodeKeyboard_files/keyb.css" rel="Stylesheet">
    <link rel="Stylesheet" href="OnlineUnicodeKeyboard_files/main.css" type="text/css">
    <style type="text/css">
      @font-face {
        font-family: Potha;
        src: url(POTHA0.eot);
      }
    </style>

    <script language="javascript" type="text/javascript">
        prevchar='';
    </script>

</head>
<body>
<h1 align="center">Sinhala KeyBoard</h1>
    <center>
        <table width="600px;">
            <tbody><tr>
                <td style="width: 690px">
                    <form name="keyform" onsubmit="javascript:update()">
                        <div style="position: relative; top: 10px">
                            <div id="Layer1">
                                <textarea id="textbox" name="textbox" style="font-size: 18px; width: 517px; height: 157px;
                                    float: left; position: relative;"></textarea>
                            </div>
                            <div id="onscreenkeyboard">
                                <div class="keyboard" style="float: left; width: auto; position: relative; height: auto;">
                                    <table class="keyBlock">
                                        <tbody><tr>
                                            <td>
                                                <input onclick="addthis('අ',0)" class="buttonNormal" value=" අ " type="button">
                                            </td>
                                            <td>
                                                <input onclick="addthis('ආ',0)" class="buttonNormal" value="ආ " type="button">
                                            </td>
                                            <td>
                                                <input onclick="addthis('ඇ',0)" class="buttonNormal" value="ඇ " type="button">
                                            </td>
                                            <td>
                                                <input onclick="addthis('ඈ',0)" class="buttonNormal" value="ඈ " type="button">
                                            </td>
                                            <td>
                                                <input onclick="addthis('ඉ',0)" class="buttonNormal" value=" ඉ " type="button">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <input onclick="addthis('ඊ',0)" class="buttonNormal" value=" ඊ " type="button">
                                            </td>
                                            <td>
                                                <input onclick="addthis('උ',0)" class="buttonNormal" value=" උ " type="button">
                                            </td>
                                            <td>
                                                <input onclick="addthis('ඌ',0)" class="buttonNormal" value="ඌ " type="button">
                                            </td>
                                            <td>
                                                <input onclick="addthis('ඍ',0)" class="buttonNormal" value="ඍ " type="button">
                                            </td>
                                            <td>
                                                <input onclick="addthis('ඎ',0)" class="buttonNormal" value="ඎ" type="button">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td style="height: 33px">
                                                <input onclick="addthis('එ',0)" class="buttonNormal" value=" එ " type="button">
                                            </td>
                                            <td style="height: 33px">
                                                <input onclick="addthis('ඒ',0)" class="buttonNormal" value=" ඒ " type="button">
                                            </td>
                                            <td style="height: 33px">
                                                <input onclick="addthis('ඓ',0)" class="buttonNormal" value="ඓ" type="button">
                                            </td>
                                            <td style="height: 33px">
                                                <input onclick="addthis('ඔ',0)" class="buttonNormal" value=" ඔ " type="button">
                                            </td>
                                            <td style="height: 33px">
                                                <input onclick="addthis('ඕ',0)" class="buttonNormal" value=" ඕ " type="button">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <input onclick="addthis('ඖ',0)" class="buttonNormal" value="ඖ" type="button">
                                            </td>
                                            <td>
                                                <input onclick="addthis('අං',0)" class="buttonNormal" value="අං " type="button">
                                            </td>
                                            <td>
                                                <input onclick="addthis('අඃ',0)" class="buttonNormal" value="අඃ " type="button">
                                            </td>
                                            <td>
                                                <input onclick="addthis('ං',0)" class="buttonNormal" value=" ‍ං " type="button">
                                            </td>
                                            <td>
                                                <input onclick="addthis('ඃ',0)" class="buttonNormal" value=" ඃ " type="button">
                                            </td>
                                        </tr>
                                    </tbody></table>
                                    <table class="keyBlock" style="position: relative; top: 4px; background-color: Lime;">
                                        <tbody><tr>
                                            <td>
                                                <input onclick="addthis(' ',0)" value="SPACE BAR" style="width: 166px;" type="button">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <input onclick="backspace()" value="BACKSPACE" style="width: 166px;" type="button">
                                            </td>
                                        </tr>
                                    </tbody></table>
                                </div>
                                <div class="keyboard" style="float: left; width: auto; position: relative; height: auto;
                                    left: 1px;">
                                    <table class="keyBlock">
                                        <tbody><tr>
                                            <td>
                                                <input onclick="addthis('ක',1)" class="buttonNormal" value="ක " type="button">
                                            </td>
                                            <td>
                                                <input onclick="addthis('ඛ',1)" class="buttonNormal" value=" ඛ " type="button">
                                            </td>
                                            <td>
                                                <input onclick="addthis('ග',1)" class="buttonNormal" value=" ග " type="button">
                                            </td>
                                            <td>
                                                <input onclick="addthis('ඝ',1)" class="buttonNormal" value=" ඝ " type="button">
                                            </td>
                                            <td>
                                                <input onclick="addthis('ඞ',1)" class="buttonNormal" value=" ඞ " type="button">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <input onclick="addthis('ඟ',1)" class="buttonNormal" value=" ඟ " type="button">
                                            </td>
                                            <td>
                                                <input onclick="addthis('ච',1)" class="buttonNormal" value=" ච " type="button">
                                            </td>
                                            <td>
                                                <input onclick="addthis('ඡ',1)" class="buttonNormal" value=" ඡ " type="button">
                                            </td>
                                            <td>
                                                <input onclick="addthis('ජ',1)" class="buttonNormal" value=" ජ " type="button">
                                            </td>
                                            <td>
                                                <input onclick="addthis('ඣ',1)" class="buttonNormal" value="ඣ " type="button">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <input onclick="addthis('ඤ',1)" class="buttonNormal" value="ඤ " type="button">
                                            </td>
                                            <td>
                                                <input onclick="addthis('ඥ',1)" class="buttonNormal" value="ඥ " type="button">
                                            </td>
                                            <td>
                                                <input onclick="addthis('ට',1)" class="buttonNormal" value=" ට " type="button">
                                            </td>
                                            <td>
                                                <input onclick="addthis('ඨ',1)" class="buttonNormal" value=" ඨ " type="button">
                                            </td>
                                            <td>
                                                <input onclick="addthis('ඩ',1)" class="buttonNormal" value=" ඩ " type="button">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <input onclick="addthis('ඪ',1)" class="buttonNormal" value=" ඪ " type="button">
                                            </td>
                                            <td>
                                                <input onclick="addthis('ණ',1)" class="buttonNormal" value="ණ " type="button">
                                            </td>
                                            <td>
                                                <input onclick="addthis('ඬ',1)" class="buttonNormal" value=" ඬ " type="button">
                                            </td>
                                            <td>
                                                <input onclick="addthis('ත',1)" class="buttonNormal" value=" ත " type="button"></td>
                                            <td>
                                                <input onclick="addthis('ථ',1)" class="buttonNormal" value=" ථ " type="button"></td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <input onclick="addthis('ද',1)" class="buttonNormal" value=" ද " type="button"></td>
                                            <td>
                                                <input onclick="addthis('ධ',1)" class="buttonNormal" value=" ධ " type="button"></td>
                                            <td>
                                                <input onclick="addthis('න',1)" class="buttonNormal" value=" න " type="button"></td>
                                            <td>
                                                <input onclick="addthis('ඳ',1)" class="buttonNormal" value=" ඳ " type="button"></td>
                                            <td>
                                                <input onclick="addthis('ප',1)" class="buttonNormal" value=" ප " type="button"></td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <input onclick="addthis('ඵ',1)" class="buttonNormal" value=" ඵ " type="button"></td>
                                            <td>
                                                <input onclick="addthis('බ',1)" class="buttonNormal" value=" බ " type="button"></td>
                                            <td>
                                                <input onclick="addthis('භ',1)" class="buttonNormal" value=" භ " type="button"></td>
                                            <td>
                                                <input onclick="addthis('ම',1)" class="buttonNormal" value=" ම " type="button"></td>
                                            <td>
                                                <input onclick="addthis('ඹ',1)" class="buttonNormal" value=" ඹ " type="button"></td>
                                        </tr>
                                    </tbody></table>
                                </div>
                                <div class="keyboard" style="float: left; width: auto; position: relative; height: auto;
                                    left: 2px;">
                                    <table class="keyBlock">
                                        <tbody><tr>
                                            <td>
                                                <input onclick="addthis('ය',1)" class="buttonNormal" value=" ය " type="button"></td>
                                            <td>
                                                <input onclick="addthis('ර',1)" class="buttonNormal" value=" ර " type="button"></td>
                                            <td>
                                                <input onclick="addthis('ල',1)" class="buttonNormal" value=" ල " type="button"></td>
                                            <td>
                                                <input onclick="addthis('ව',1)" class="buttonNormal" value=" ව " type="button"></td>
                                            <td>
                                                <input onclick="addthis('ශ',1)" class="buttonNormal" value=" ශ " type="button"></td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <input onclick="addthis('ෂ',1)" class="buttonNormal" value=" ෂ " type="button"></td>
                                            <td>
                                                <input onclick="addthis('ස',1)" class="buttonNormal" value=" ස " type="button"></td>
                                            <td>
                                                <input onclick="addthis('හ',1)" class="buttonNormal" value=" හ " type="button"></td>
                                            <td>
                                                <input onclick="addthis('ළ',1)" class="buttonNormal" value=" ළ " type="button">
                                            </td>
                                            <td>
                                                <input onclick="addthis('ෆ',1)" class="buttonNormal" value=" ෆ " type="button">
                                            </td>
                                        </tr>
                                    </tbody></table>
                                    <table class="keyBlock" id="compoundchars" style="visibility: hidden; position: relative;
                                        top: 2px; width: 174px;">
                                        <tbody><tr>
                                            <td>
                                                <input id="c1" class="buttonSpecial" onclick="addthis('්‍ර', 2)" value="්‍ර" type="button">
                                                <input id="c2" class="buttonSpecial" onclick="addthis('්‍ය', 2)" value="්‍ය" type="button">
                                            </td>
                                        </tr>
                                    </tbody></table>
                                </div>
                                <div class="keyboard" id="vowelmodifiers" style="visibility: hidden; float: left;
                                    position: relative; left: 177px; top: -277px;">
                                    <table class="keyBlock">
                                        <tbody><tr>
                                            <td>
                                                <input id="1" class="buttonSpecial" onclick="addthis('්', 0)" value="්" type="button"></td>
                                            <td>
                                                <input id="2" class="buttonSpecial" onclick="addthis('ා', 0)" value="ා" type="button"></td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <input id="3" class="buttonSpecial" onclick="addthis('ැ', 0)" value="ැ" type="button"></td>
                                            <td>
                                                <input id="4" class="buttonSpecial" onclick="addthis('ෑ', 0)" value="ෑ" type="button"></td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <input id="5" class="buttonSpecial" onclick="addthis('ි', 0)" value="ි" type="button"></td>
                                            <td>
                                                <input id="6" class="buttonSpecial" onclick="addthis('ී', 0)" value="ී" type="button"></td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <input id="7" class="buttonSpecial" onclick="addthis('ු', 0)" value="ු" type="button"></td>
                                            <td>
                                                <input id="8" class="buttonSpecial" onclick="addthis('ූ', 0)" value="ූ" type="button"></td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <input id="10" class="buttonSpecial" onclick="addthis('ෙ', 0)" value="ෙ" type="button"></td>
                                            <td>
                                                <input id="11" class="buttonSpecial" onclick="addthis('ේ', 0)" value="ේ" type="button"></td>
                                            <td>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <input id="14" class="buttonSpecial" onclick="addthis('ො', 0)" value="ො" type="button"></td>
                                            <td>
                                                <input id="15" class="buttonSpecial" onclick="addthis('ෝ', 0)" value="ෝ" type="button"></td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <input id="16" class="buttonSpecial" onclick="addthis('ෞ', 0)" value="ෞ" type="button"></td>
                                            <td>
                                                <input id="17" class="buttonSpecial" onclick="addthis('ෟ', 0)" value="ෟ" type="button"></td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <input id="9" class="buttonSpecial" onclick="addthis('ෘ', 0)" value="ෘ" type="button"></td>
                                            <td>
                                                <input id="12" class="buttonSpecial" onclick="addthis('\u0DF2', 0)" value="\u0DF2" type="button"></td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <input id="13" class="buttonSpecial" onclick="addthis('ෛ', 0)" value="ෛ" type="button"></td>
                                            <td>
                                                <input id="Button1" class="buttonSpecial" onclick="addthis('ෛ', 0)" value="ෛ" type="button"></td>
                                        </tr>
                                    </tbody></table>
                                </div>
                            </div>
                        </div>
                        <div>
                            <table class="keyBlock" style="height: 50px; width: 518px; float: left; position: relative;
                                top: -180px;">
                                <tbody><tr>
                                    <td>
                                        <center>
                                            <input onclick="copyit('keyform.textbox')" value="Copy to Clipboard" style="width: 177px;" type="button">
                                        </center>
                                    </td>
                                </tr>
                            </tbody></table>
                        </div>
                    </form>
                </td>
            </tr>
        </tbody></table>
    </center>
    <div style="position: relative; top: -180px;">
        <table width="100%">
            <tbody><tr>
                <td>

                </td>
            </tr>
        </tbody></table>
    </div>


</body></html>